/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],
    theme: {
        colors: {
            // 基础中性色
            white: 'var(--color-white, #ffffff)',
            black: 'var(--color-black, #000000)',
            main: 'var(--color-main, #333333)', // 主要文本颜色
            theme: 'var(--color-theme, #FF9FB5)', // 主粉色，用于导航栏、主按钮、重要信息强调
            content: 'var(--color-content, #666666)', // 次要文本颜色
            muted: 'var(--color-muted, #999999)', // 提示文本颜色
            page: 'var(--color-bg, #f6f6f6)', // 页面背景色
            light: 'var(--color-light, #F5F5F5)', // 浅灰色，用于背景、分割线、禁用状态
            disabled: 'var(--color-disabled, #CCCCCC)', // 中灰色，用于边框、次要文本
            minor: 'var(--color-minor, #FFD6E0)', // 辅助粉色，用于背景、次要按钮、边框
            'btn-text': 'var(--color-btn-text, white)', // 按钮文字颜色
            
            // 特殊功能色 - 经期日历相关
            'period-red': 'var(--color-period-red, #FF7875)', // 经期日期标记，用于日历中标识经期日
            'ovulation-purple': 'var(--color-ovulation-purple, #722ED1)', // 排卵日标记，用于日历中标识排卵日
            'fertile-pink': 'var(--color-fertile-pink, #FFB8C6)', // 易孕期标记，用于日历中标识易孕期日期
            'safe-green': 'var(--color-safe-green, #95DE64)', // 安全期标记，用于日历中标识安全期日期
            
            // 特殊功能色 - 孕期与产后
            'light-blue': 'var(--color-light-blue, #A8D8FF)', // 浅蓝色，用于孕期相关功能、图标、辅助色
            'light-green': 'var(--color-light-green, #C7EFCF)', // 淡绿色，用于产后相关功能、成功状态
            
            // 主题色系列
            primary: {
                DEFAULT: 'var(--color-primary, #FF9FB5)', // 主粉色，用于导航栏、主按钮、重要信息强调
                'light-3': 'var(--color-primary-light-3, rgba(255, 159, 181, 0.7))', // 70%透明度，用于悬停状态
                'light-5': 'var(--color-primary-light-5, rgba(255, 159, 181, 0.5))', // 50%透明度，用于选中背景
                'light-7': 'var(--color-primary-light-7, rgba(255, 159, 181, 0.3))', // 30%透明度，用于轻微强调
                'light-9': 'var(--color-primary-light-9, rgba(255, 159, 181, 0.1))', // 10%透明度，用于极轻微背景
                'dark-2': 'var(--color-primary-dark-2, #FF6B8B)' // 深粉色，用于文字按钮、链接文字
            },
            
            // 功能色系列
            success: {
                DEFAULT: 'var(--color-success, #52C41A)', // 成功绿，用于成功状态、完成提示
                'light-3': 'var(--color-success-light-3, rgba(82, 196, 26, 0.7))',
                'light-5': 'var(--color-success-light-5, rgba(82, 196, 26, 0.5))',
                'light-7': 'var(--color-success-light-7, rgba(82, 196, 26, 0.3))',
                'light-9': 'var(--color-success-light-9, rgba(82, 196, 26, 0.1))',
                'dark-2': 'var(--color-success-dark-2, rgba(66, 157, 21, 1))'
            },
            warning: {
                DEFAULT: 'var(--color-warning, #FAAD14)', // 警告黄，用于警告信息、注意提示
                'light-3': 'var(--color-warning-light-3, rgba(250, 173, 20, 0.7))',
                'light-5': 'var(--color-warning-light-5, rgba(250, 173, 20, 0.5))',
                'light-7': 'var(--color-warning-light-7, rgba(250, 173, 20, 0.3))',
                'light-9': 'var(--color-warning-light-9, rgba(250, 173, 20, 0.1))',
                'dark-2': 'var(--color-warning-dark-2, rgba(200, 138, 16, 1))'
            },
            error: {
                DEFAULT: 'var(--color-error, #F5222D)', // 错误红，用于错误信息、删除操作
                'light-3': 'var(--color-error-light-3, rgba(245, 34, 45, 0.7))',
                'light-5': 'var(--color-error-light-5, rgba(245, 34, 45, 0.5))',
                'light-7': 'var(--color-error-light-7, rgba(245, 34, 45, 0.3))',
                'light-9': 'var(--color-error-light-9, rgba(245, 34, 45, 0.1))',
                'dark-2': 'var(--color-error-dark-2, rgba(196, 27, 36, 1))'
            },
            info: {
                DEFAULT: 'var(--color-info, #1890FF)', // 链接蓝，用于链接文字、可点击元素
                'light-3': 'var(--color-info-light-3, rgba(24, 144, 255, 0.7))',
                'light-5': 'var(--color-info-light-5, rgba(24, 144, 255, 0.5))',
                'light-7': 'var(--color-info-light-7, rgba(24, 144, 255, 0.3))',
                'light-9': 'var(--color-info-light-9, rgba(24, 144, 255, 0.1))',
                'dark-2': 'var(--color-info-dark-2, rgba(19, 115, 204, 1))'
            }
        },
        fontSize: {
            xs: '24rpx', // 注释说明 10px
            sm: '26rpx', // 辅助文字 12px
            base: '28rpx', // 正文内容 14px
            lg: '30rpx',
            xl: '32rpx', // 卡片标题 16px
            '2xl': '34rpx',
            '3xl': '38rpx', // 页面标题 18px
            '4xl': '40rpx',
            '5xl': '44rpx'
        },
        fontFamily: {
            sans: ['PingFang SC', 'Microsoft YaHei', 'Source Han Sans CN', 'Helvetica Neue', 'Arial', 'sans-serif']
        }
    },
    plugins: [],
    corePlugins: {
        preflight: false
    }
}
